<template>
  <div>
    <!--通过v-model实现select数据的双向绑定-->
    <select name="fe" v-model="state.fe">
      <option value="React">React</option>
      <option value="Vue">Vue</option>
      <option value="Angular">Angular</option>
    </select>
    <!--选中的展示-->
    <p>选中：{{ state.fe }}</p>
  </div>
</template>
<script>
import {reactive} from 'vue'
export default{
  setup(){
    const state=reactive({
      fe:'Vue'
    })
    return {state}
  }
}
</script>